<!DOCTYPE html>
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml" xmlns:v-bind="http://www.w3.org/1999/xhtml"
      xmlns:text-align="http://www.w3.org/1999/xhtml">
<head>
    <title>邮件详情</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-store, must-revalidate">
    <meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT">
    <meta http-equiv="expires" content="-1">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="/dist/img/icon.png" type="image/x-icon">
    <!-- Bootstrap 3.3.6 -->
    <link rel="stylesheet" href="/dist/plugins/bootstrap/css/bootstrap.min.css">
    <!--字体-->
    <link rel="stylesheet" href="/dist/css/font-awesome.min.css">
    <!--图标-->
    <link rel="stylesheet" href="/dist/css/ionicons.min.css">
    <!--OA主样式-->
    <link rel="stylesheet" href="/dist/css/OA.min.css?t=86e2297f">;
    <link rel="stylesheet" href="/dist/css/skins/OA-skins.min.css?t=222aea35">

</head>
<body style="background-color:#fff">
<iframe id="ifAttach" style="display:none"></iframe>
<section class="content" id="app">
    <div class="box-body no-padding " style="overflow: auto;background: #fff;">
        <div class="box-header with-border text-center" >
            <button type="button" class="btn oaBtn btn-sm" @click="reply('reply')"
                    id="reply">回复
            </button>
            <button type="button" class="btn oaBtn btn-sm" @click="reply('replyAll')"
                    id="replyAll" style="width: 90px;margin:0 10px;">回复并发送
            </button>
            <!--<button type="button" class="btn btn-default btn-sm">回复并抄送</button>-->
            <button type="button" class="btn oaBtn btn-sm" @click="reply('foward')"
                    id="foward">转发
            </button>
            <input class="btn oaBtn btn-sm" type="button" value="打印" style="margin-left:10px" @click="print">
        </div>
        <div class="box-body no-padding iframeH2" style="overflow: auto;">
            <div class="mailbox-read-info " v-if="email != null">
                <h2 style="font-size:15px;font-weight: bold;">{{email.mains.subject}}</h2>
                <address  style="background: #f7f8fa; padding: 10px;">
                    发&nbsp;&nbsp;件&nbsp;&nbsp;人：<b>{{email.mains.sender}}</b><br>
                    收&nbsp;&nbsp;件&nbsp;&nbsp;人：<span v-for="user in email.receivers"><b>{{user.userName}};</b></span><br>
                    抄&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;送：<span
                        v-for="user in email.copiers"><b>{{user.userName}};</b></span><br>
                    时&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;间：<b>{{email.mains.createTime}}</b><br>
                    <div v-bind:class="{hide: email.mains == null || email.mains.etype == 0}">
                        工作报告：<a href="javascript:void(0);"
                                @click="reportDetail(email.mains.dataId)"><b>查看详细〉〉</b></a><br></div>
                    <span class="pull-left" v-bind:class="{hide: email.attaches.length==0}">附&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;件：</span>
                    <div class="pull-left text-left" v-bind:class="{hide: email.attaches.length==0}">
                        <a v-for="attach in email.attaches" @click="download(attach.url,attach.name)"
                           href="javascript:void(0);" target="_self"
                           style="color: #0c67b4;display: block;">{{attach.name}}</a><br>
                    </div>
                    <div class="clearfix"></div>
                </address>
            </div>
            <div class="mailbox-read-message" v-html="email.mains.content" v-if="email != null">

            </div>
        </div>
    </div>
</section>
<!--JQ-->
<script src="https://file.ggxqce.com/web/jquery-2.2.3.min.js"></script>
<!--插件JS-->
<script src="https://file.ggxqce.com/web/bootstrap.min.js"></script>
<!--框架已定义 JS-->
<script src="/dist/js/app_iframe.js?t=8e743a31"></script>
<!--oa自定义  JS-->
<script src="/dist/js/oa.js?t=54c6b89c"></script>
<script src="https://file.ggxqce.com/web/vue.min.js"></script>
<script type="text/javascript" src="/dist/js/pages/email/look.js"></script>
<script type="text/javascript" src="/dist/plugins/print/print.js"></script>
<script type="text/javascript" src="/dist/plugins/lhgdialog/lhgdialog.min.js?self=true"></script>
</body>
</html>